<template>
  <div>
    <NaviList />
    <Navi :banner="banner"/>
    <Cente />
    <Floor v-for="floor in menus" :key="floor.id" :floor="floor" />
  </div>
</template>

<script>
import Cente from "./cente";
import Floor from "./floor/";
import NaviList from "@/components/NaviList/index";
import Navi from "./navi/index";
import { mapState } from "vuex";

export default {
  components: {
    NaviList,
    Navi,
    Cente,
    Floor,
  },
  data() {
    return {};
  },
  methods: {},
  mounted() {
    this.$store.dispatch("getBanner");
    this.$store.dispatch("getMenus");
  },
  computed: {
    ...mapState({
      menus: (state) => state.home.menus,
      banner:(state)=> state.home.banner
    }),
  },
};
</script>


<style lang="less" scoped>
</style>